*, *:after, *:before {

  box-sizing: border-box;

}



.animenu__toggle {

  display: none;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 0;

  padding: 10px;

  height: 40px;

  width: 40px;

}

.animenu__toggle:hover {

  background-color: #0186ba;

}



.animenu__toggle__bar {

  display: block;

  width: 20px;

  height: 2px;

  background-color: #fff;

  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 

}

.animenu__toggle__bar + .animenu__toggle__bar {

  margin-top: 4px;

}



.animenu__toggle--active .animenu__toggle__bar {

  margin: 0;

  position: absolute;

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {

  opacity: 0;

}

.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.animenu {

  display: block;

  

}

.animenu ul {

  padding: 0;

  list-style: none;

  font: 0px 'Open Sans', Arial, Helvetica;

 

}

.animenu li, .animenu a {

  display: inline-block;

  font-size: 15px;

}

.animenu a {

  color:#CCC;

  text-decoration: none;

}



.animenu__nav {

  background-color: rgba(17, 17, 17, 0);

  

}

.animenu__nav > li {

  position: relative;

  /*border-right: 1px solid #444444;*/

  font-family:微软雅黑;

}

.animenu__nav > li > a {

  padding: 10px 30px;

  text-transform: uppercase;

}

.animenu__nav > li > a:first-child:nth-last-child(2):before {

  content: "";

  position: absolute;

  border: 4px solid transparent;

  border-bottom: 0;

  border-top-color: currentColor;

  top: 50%;

  margin-top: -2px;

  right: 10px;

}

.animenu__nav > li:hover > ul {

  opacity: 1;

  visibility: visible;

  margin: 0;

}

.animenu__nav > li:hover > a {

  color: #fff;

}



.animenu__nav__child {

  min-width: 100%;

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  margin: 20px 0 0 0;

  background-color: #373737;

  transition: margin .15s, opacity .15s;

}

.animenu__nav__child > li {

  width: 100%;

  border-bottom: 1px solid #515151;

}

.animenu__nav__child > li:first-child > a:after {

  content: '';

  position: absolute;

  height: 0;

  width: 0;

  left: 1em;

  top: -6px;

  border: 6px solid transparent;

  border-top: 0;

  border-bottom-color: inherit;

}

.animenu__nav__child > li:last-child {

  border: 0;

}

.animenu__nav__child a {

  padding: 10px;

  width: 100%;

  border-color: #373737;

}

.animenu__nav__child a:hover {

  background-color: #0186ba;

  border-color: #0186ba;

  color: #fff;

}



@media screen and (max-width: 767px) {

  .animenu__toggle {

    display: inline-block;

  }



  .animenu__nav,

  .animenu__nav__child {

    display: none;

  }



  .animenu__nav {

    margin: 10px 0;

  }

  .animenu__nav > li {

    width: 100%;

    border-right: 0;

    border-bottom: 1px solid #515151;

  }

  .animenu__nav > li:last-child {

    border: 0;

  }

  .animenu__nav > li:first-child > a:after {

    content: '';

    position: absolute;

    height: 0;

    width: 0;

    left: 1em;

    top: -6px;

    border: 6px solid transparent;

    border-top: 0;

    border-bottom-color: inherit;

  }

  .animenu__nav > li > a {

    width: 100%;

    padding: 10px;

    border-color: #111;

    position: relative;

  }

  .animenu__nav a:hover {

    background-color: #0186ba;

    border-color: #0186ba;

    color: #fff;

  }



  .animenu__nav__child {

    position: static;

    background-color: #373737;

    margin: 0;

    transition: none;

    visibility: visible;

    opacity: 1;

  }

  .animenu__nav__child > li:first-child > a:after {

    content: none;

  }

  .animenu__nav__child a {

    padding-left: 20px;

    width: 100%;

  }

}

.animenu__nav--open {

  display: block !important;

}

.animenu__nav--open .animenu__nav__child {

  display: block;

}



body {

    padding:0;

    margin:0;

    overflow:hidden;

	height: 600px;

}

.cs{

	width: 100%;

	height: 100%;

	margin: 0 auto;

	position: fixed; 

	font-family:yeser;

	color:#E8847C;

	

}

@font-face{font-family:'yeser';src:url('../other/fire.ttf')format('truetype');}

canvas {

    padding:0;

    margin:0;

}

div.btnbg {

    position:fixed;

    left:0;

    top:0;

}

img#logo {

    width: 128px;

    background-size: cover;

    border-radius: 200px;

    box-shadow: 0px 0px 40px rgba(63, 81, 181, 0.72);

    border: 3px solid #00a0ff;

    opacity: 1;

    margin: 0 auto;

    margin-top: 20px;

	margin-bottom: 20px;

	transition: all 1.0s;  

}

#logo:hover {

    box-shadow: 0 0 10px #fff;

    -webkit-box-shadow: 0 0 19px #fff;

    transform:rotate(360deg);

    -ms-transform:rotate(360deg); 	/* IE 9 */

    -moz-transform:rotate(360deg); 	/* Firefox */

    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */

    -o-transform:rotate(360deg); 	/* Opera */

    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#wrap{margin:20px auto;text-align:center;}#wrap br{display:none;}.btn-slide,.btn-slide2{position:relative;display:inline-block;height:50px;width:200px;line-height:50px;padding:0;border-radius:50px;background:#fdfdfd;border:2px solid #0099cc;margin:10px;transition:.5s;}.btn-slide2{border:2px solid #efa666;}.btn-slide:hover{background-color:#0099cc;}.btn-slide2:hover{background-color:#efa666;}.btn-slide:hover span.circle,.btn-slide2:hover span.circle2{right:100%;margin-right:-45px;background-color:#fdfdfd;color:#0099cc;}.btn-slide2:hover span.circle2{color:#efa666;}.btn-slide:hover span.title,.btn-slide2:hover span.title2{right:40px;opacity:0;}.btn-slide:hover span.title-hover,.btn-slide2:hover span.title-hover2{opacity:1;right:40px;}.btn-slide span.circle,.btn-slide2 span.circle2{display:block;background-color:#0099cc;color:#fff;position:absolute;float:right;margin:5px;line-height:42px;height:40px;width:40px;top:0;right:0;transition:.5s;border-radius:50%;}.btn-slide2 span.circle2{background-color:#efa666;}.btn-slide span.title,.btn-slide span.title-hover,.btn-slide2 span.title2,.btn-slide2 span.title-hover2{position:absolute;right:90px;text-align:center;margin:0 auto;font-size:16px;font-weight:bold;color:#30abd5;transition:.5s;}.btn-slide2 span.title2,.btn-slide2 span.title-hover2{color:#efa666;right:80px;}.btn-slide span.title-hover,.btn-slide2 span.title-hover2{right:80px;opacity:0;}.btn-slide span.title-hover,.btn-slide2 span.title-hover2{color:#fff;}